/**
 * 这个js对应于MEC选项卡
 */

$(function () {
    <!--    mec表-->
    generateAllMecTable();

//弹出层代码
    layui.use(['table', 'form', 'layer','jquery'], function() {
        var table = layui.table;
        table.on('tool(mecs)', function (obj) {
            var data = obj.data; //获取表格一行的数据
            if (obj.event === 'showMecTaskList') {
                mecLayer(data.MecId);
            }
        });
    });
});


//构建所有mec表格函数
function generateAllMecTable(){
    layui.use(['table', 'form', 'layer'], function(){
        var table = layui.table;
        table.render({
            elem: '#mecs'
            // ,url:'http://localhost:8778/Mec/getAllMec1'
            ,url:offloadUrlPrefix + '/offload/Mec/getAllMec1'
            ,toolbar: false
            ,title: '车辆注册表'
            // ,width:900
            ,width:0.9*(document.getElementById("all_tab").offsetWidth)
            ,cols: [[
                {field:'MecId', align: "center",title: '边缘服务器id'}
                ,{field:'MecRate', align: "center",title: '计算速率',sort: true}
                ,{field:'ConnectPower', align: "center",title: '能耗',sort: true}
                ,{field:'ConnectMecNum', align: "center",title: '连接终端节点数',sort: true}
                ,{title:'卸载情况',color:"red",toolbar: '#all_mec_bar', align: "center"}
            ]]
            ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'prev', 'page', 'next', 'skip','count'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                ,groups: 1 //只显示 1 个连续页码
                ,first: false //不显示首页
                ,last: false //不显示尾页

            }
        });
    });
}

//构建mec弹窗代码函数
function mecLayer(mecId) {
    layer.open({
        type:1,  //1公告，2iframe
        title:false, //弹窗标题
        closeBtn:false,
        area:['630px','400px'],
        shade:0.8,
        id: 'LAY_layuipro', //设定一个id，防止重复弹出
        // btn:['添加','取消'],
        // btnAlign: 'c',//文字居中
        moveType: 1, //拖拽模式，0或者1
        content:

            '<div id="layer_close_btn" style="position: fixed;margin:0;padding-left: 6px;padding-top: 3px;width:29px;height: 34px;border-radius: 3px">' +
            '   <i class="layui-icon layui-icon-return" style="font-size: 23px"></i>' +
            '</div>' +
            '<div style="width: 92%;margin:20px auto 0">' +
            '   <fieldset class="layui-elem-field layui-field-title">' +
            '       <legend>'+mecId+'号MEC的子任务列表</legend>' +
            '   </fieldset>' +
            '</div>' +
            //生成MEC的表格
            '<div style="width: 90%;margin:0 auto">' +
            '   <table style="border: none" class="layui-hide" id="oneMecTable" lay-filter="oneMecTable"></table>'+
            '</div>' +
            '<div style="width: 92%;margin:20px auto 0">' +
            '   <fieldset class="layui-elem-field layui-field-title">' +
            '       <legend>'+mecId+'号MEC详细参数</legend>' +
            '   </fieldset>' +
            '</div>' +
            '<div id="mec-panel" style="width: 88%;margin:0 5% 30px;padding: 8px;background-color: #e8e8e8;">\n' +
            '  <div class="layui-row layui-col-space8">\n' +
            '    <div class="layui-col-md4">\n' +
            '      <div class="layui-card" >\n' +
            '        <div class="layui-card-header" >MEC ID</div>' +
            '        <div class="layui-card-body" >'+mecId +'</div>' +
            '      </div>\n' +
            '    </div>\n' +
            '    <div class="layui-col-md4">\n' +
            '      <div class="layui-card">\n' +
            '        <div class="layui-card-header">MEC速率</div>\n' +
            '        <div class="layui-card-body" id="mec-speed-card" style="font-size: 13px">' + 200+ '</div>\n' +
            '      </div>\n' +
            '    </div>\n' +
            '    <div class="layui-col-md4">\n' +
            '      <div class="layui-card">\n' +
            '        <div class="layui-card-header">MEC功率</div>\n' +
            '        <div class="layui-card-body" id="mec-power-card" style="font-size: 13px">' +233 +'</div>\n' +
            '      </div>\n' +
            '    </div>\n' +
            '  </div>\n' +
            '</div> '


    });
    generateOneMecTable(mecId);
    //设置速率和功率
    $.ajax({
        type: 'get',
        // url:'http://localhost:8778/Mec/getAllMec',
        url: offloadUrlPrefix + '/offload/Mec/getAllMec',
        async : false,
        success:function (msg1) {
                console.info(msg1);
                for(var i=0;i<msg1.length;i++){
                    if(msg1[i].mecId===mecId){
                        $("#mec-speed-card").html(msg1[i].mecRate);
                        $("#mec-power-card").html(msg1[i].connectPower);

                    }
                }
            },
        error: function (msg1) {
            alert(msg1.error());
            }
        });
    //当滚动条生成时自动调整面板宽度
    $.ajax({
        type:"get",
        // url:"http://localhost:8778/OffloadSubTask/getmecoffs",
        url:offloadUrlPrefix + "/offload/OffloadSubTask/getmecoffs",
        data:{offMecId:mecId},
        success:function (msg) {
            console.log("msg:"+msg);
            if(msg.data.length>1){
                $("#mec-panel").css("width","90%");
            }
            else {
                $("#mec-panel").css("width","88%");
            }
        },
        dataType:"json"
    });

    $('#layer_close_btn').on('click',function () {
        layer.closeAll();

    })
}

//生成一个mec表格
function generateOneMecTable(mecId) {
    layui.use(['table','form','layer'],function () {
        var table=layui.table;
        table.render({
            elem:'#oneMecTable',
            // url:'http://localhost:8778/OffloadSubTask/getmecoffs',
            url:offloadUrlPrefix + '/offload/OffloadSubTask/getmecoffs',
            where:{offMecId:mecId},
            toolbar:false,
            title:'mec列表',
            width:567,
            cols:[[
                {field:'subTaskId',align:'center',title:'子任务号'},
                {field:'oriTaskId',align:'center',title:'父任务号'},
                {field:'oriTermId',align:'center',title:'所属终端'},
                {field:'costTran',align:'center',title:'传输消耗'},
                {field:'energyCost',align:'center',title:'能量消耗'},
            ]],
            page:{
                layout: ['limit', 'prev', 'page', 'next', 'skip','count'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                ,groups: 1 //只显示 1 个连续页码
                ,first: false //不显示首页
                ,last: false //不显示尾页
            }
        })
    })
}

//获取一个mec的速率和功率
function getMecSpeed_Power(mecId){

}